<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<title>忘记密码</title>
		<style type="text/css">
			* {
				padding: 0;
				margin: 0;
			}
		
			html,
			body {
				height: 100%;
			}
		
			body {
				display: flex;
				justify-content: center;
				align-items: center;
				background: url('333.png') center/cover no-repeat fixed;
			}
		
			.login {
				width: 400px;
				height: auto;
				background: rgba(255, 255, 255, 0.2);
				border-radius: 8px;
				backdrop-filter: blur(10px);
				border: 1px solid rgba(255, 255, 255, 0.3);
				box-shadow: 0 4px 6px rgba(0, 0, 0, 0.6);
				padding: 20px;
				box-sizing: border-box;
			}
		
			.login h1 {
				font-size: 30px;
				text-align: center;
				color: #333;
				margin-bottom: 10px;
			}
			
			.login p {
				text-align: center;
				color: #666;
				margin-bottom: 20px;
			}
		
			.login-form {
				width: 100%;
				margin: 0 auto;
			}
		
			.login-form form input {
				width: 100%;
				height: 40px;
				outline: none;
				margin: 10px auto;
				border-radius: 5px;
				border: 1px solid rgba(0, 0, 0, 0.1);
				background: rgba(255, 255, 255, 0.8);
				padding: 0 10px;
				box-sizing: border-box;
				font-size: 14px;
			}
		
			.button-group {
				text-align: center;
			}
		
			.button1 {
				line-height: 40px;
				height: 40px;
				width: 100%;
				color: #3d3c3ccf;
				background-color: rgba(50, 50, 50, 0.8);
				font-size: 16px;
				border: none;
				border-radius: 5px;
				cursor: pointer;
				transition: background-color 0.3s;
			}
		
			.button1:hover {
				background-color: rgba(50, 50, 50, 0.9);
				color: #f1ececcf;
			}

			.footer {
				position: fixed;
				bottom: 0;
				height: 50px;
				font-size: 12px;
				text-align: center;
				font-family: "宋体";
				color: rgba(255, 255, 255, 0.8);
				text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
			}
            .links {
				display: flex;
				justify-content: space-between;
				align-items: center;
				margin-top: 10px;
				font-size: 14px;
				color: #666;
			}
			
			.links a {
				color: #666;
				text-decoration: none;
			}
		</style>
	</head>
	<body>
		<div class="login">
			<h1>忘记密码</h1>
			<div class="login-form">
				<form method="post">
					<input type="text" name="username2" placeholder="请输入您的用户名" />
					<input type="password" name="password2" placeholder="请输入新的密码" />
					<div class="button-group">
						<input type="submit" class="button1" value="确     认" />
					</div>
				</form>
			</div>
            <div class="links">
                <a href="login2.0.html">返回登录界面</a>
            </div>
		</div>
		<div class="footer">
			联系电话: 400-706-1880 &nbsp 技术支持QQ: 1075518049<br>
			开发商：华清远见济南研发中心 <a href="http://www.farsight.com.cn" target="_blank"></a>
		</div>
        
	</body>
</html>